.dux-order-btn {
  padding: 10px;
  padding-top: 0;
  text-align: right;
  background: #fff;
}


.dux-order-step {
  dl {
    font-size: 12px;
    line-height: 20px;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    width: 14%;
    height: 30px;
    margin-top: 50px;
    margin-bottom: 20px;
    margin-left: 20px;
    position: relative;
    z-index: auto;
    &.active {
      .node {

        background: $color-main;
      }
      .node {
        &:before {
          display: block;
        }
      }
    }
    dt {
      text-align: center;
      width: 70px;
      position: absolute;
      z-index: 1;
      top: -30px;
      left: -20px;
      font-weight: normal;
      color: #666;
    }
    dd {
      margin: 0;

    }
    .bg {
      margin-right: -40px;
      height: 10px;
      background: #ddd;
      position: absolute;
      z-index: 1;
      top: 10px;
      right: 0;
      left: 1px;
    }
    .node {
      background: #ddd;
      width: 30px;
      height: 30px;
      position: absolute;
      z-index: 3;
      top: 0;
      left: 0;
      border-radius: 50%;
      text-align: center;
      color: #fff;
      border: 5px solid #ddd;
      &:before {
        display: none;
        content: '\2713';
        font-size: 1.4rem;
      }
    }
    &:last-child {
      width: 40px;
    }
  }
}
